<template>  
    <h1>2016-05-03</h1>  
    <el-table :data="queryResult" style="width: 100%" :show-header="false" row-key="id">  
        <el-table-column type="selection" />  
        <el-table-column>  
            <template #default="scope">  
                <el-input autosize type="textarea" v-model="scope.row.content"/>  
            </template>  
        </el-table-column>  
    </el-table>  
</template>  
  
<script lang="ts" setup>  
import { invoke } from '@tauri-apps/api/tauri';
import { onMounted, reactive, ref } from 'vue';  
  
const queryResult = ref();

onMounted(async () => {
  queryResult.value = await invoke("query_todolist", {});

  console.log(queryResult.value);
  console.log("mounted");
});
</script>